<template>
<div id="App" @touchmove.prevent>
  <transition name="slide-right">
    <router-view></router-view>
  </transition>
</div>
</template>

<script>
  export default {
    name: 'App',
    components: {
    },
    mounted(){
      window.onload = function() {
        document.addEventListener('touchstart', function(event) {
            if (event.touches.length > 1) {
            event.preventDefault()
          }
        })
        document.addEventListener('gesturestart', function(event) {
          event.preventDefault()
        })
      }
    }
  }
  
</script>

<style lang="stylus">
  a{
    color:#7e8c8d;
  }
  a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, i, input, li, nav, p, section, select, span, textarea, ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    user-select: auto;
  }
  .wrapper{
    position: relative;
    width: 100%;
    height: calc(100vh - 2.56rem);
    top: 1.173333rem;
    display: block;
    overflow: hidden;
  }
</style>
